<template>
    <div>
        <div class="main-nav">
            <!--导航菜单-->
            <div class="main-nav-Info">
                <el-menu
                        class="el-menu-demo"
                        mode="horizontal"
                        background-color="#1787FB"
                        text-color="#fff"
                        active-text-color="#fff"
                >
                    <el-menu-item class="hui-home-position" index="1">
                        <router-link to="/home">慧宇首页</router-link>
                    </el-menu-item>

                    <el-menu-item index="2">
<!--                        <router-link to="/home/headhuntingCompany/recruimentHeadhunting/1">猎头公司</router-link>-->
                            <router-link :to="`/home/headhuntingCompany/${0}`">猎头公司</router-link>
                    </el-menu-item>

                    <el-menu-item index="3">
                            <router-link :to="`/home/headhuntingCompany/${1}`">企业招聘</router-link>
<!--                        <router-link to="/home/companyRecruitment/recruimentCompany/0">企业招聘</router-link>-->
                    </el-menu-item>

<!--                    <el-menu-item index="4">-->
<!--                        <router-link to="/home/searchHeadHunting">寻找猎头</router-link>-->
<!--                    </el-menu-item>-->

                    <el-menu-item index="4">
                        <router-link to="/home/headhuntingService/website/introduce">猎头服务</router-link>
                    </el-menu-item>
                </el-menu>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "main-nav",
        data(){
            return{

            }
        },
        methods:{
            methods:{
                handleSelect(key, keyPath) {
                    console.log(key, keyPath);
                }
            }
        }
    }
</script>

<style scoped>
    .main-nav{
        background-color: #1787FB;
    }
    .main-nav-Info{
        width: 1360px;
        height: 60px;
        margin: 0 auto;
        align-content: center;
    }
</style>
